<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>方法调用库</title>
    <style>
      img {
        display: block;
        width: 300px;
        height: 300px;
      }
    </style>
  </head>
  <body>
    <img src="./img/loading.gif" data-original="./img/0.jpg" />
    <img src="./img/loading.gif" data-original="./img/1.jpg" />
    <img src="./img/loading.gif" data-original="./img/2.jpg" />
    <img src="./img/loading.gif" data-original="./img/3.jpg" />
    <img src="./img/loading.gif" data-original="./img/4.jpg" />
    <img src="./img/loading.gif" data-original="./img/5.jpg" />
    <img src="./img/loading.gif" data-original="./img/6.jpg" />
    <img src="./img/loading.gif" data-original="./img/7.jpg" />
    <img src="./img/loading.gif" data-original="./img/8.jpg" />
    <img src="./img/loading.gif" data-original="./img/9.jpg" />
    <img src="./img/loading.gif" data-original="./img/10.jpg" />
  </body>
  <!-- 日期格式化 -->
  <script src="./utils.js"></script>
  <script>
    show("2021-12-1 11:40:00");
  </script>
  <!-- 浏览器内核 -->
  <script>
    browser();
  </script>
  <!-- PC/移动端 -->
  <script>
    pc();
  </script>
  <!-- 图片懒加载 -->
  <script src="./lazyload.js"></script>
  <!-- JSON/前端对象互相转换数据 -->
  <script src="./解析JSON.js"></script>
  <script>
    let javaData = '{"uname":"王冰冰", "age": "16"}';
    let webData = JSON.parse(javaData);
    console.log(webData.uname);
    console.log(JSON.stringify(webData));
  </script>
  <!--web存储-cookie存储-->
  <script src="./cookie.js"></script>
  <script>
    //cookie存储
    setcookie("a", 1, 5);
    console.log(getcookie("a"));
    //cookie删除
    removecookie("a");
    console.log(getcookie("a"));
  </script>
  
</html>
